/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      告警-右侧      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.AlarmRight {
  & > div {
    height: 25%;
    display: flex;
    flex-direction: column;
  }

  & > div .result {
    flex: 1;
  }

  .title {
    margin: 15px 0;
    height: 30px;
    padding: 0 20px 5px;
    color: #fff;
    background: url(../../../assets//img/alarm/title-border.png) no-repeat left top;
    background-size: contain;

    .cn {
      font-size: 0.21rem;
      font-family: Source Han Sans CN;
      margin-right: 5px;
    }

    .en {
      font-size: 0.18rem;
      font-family: DengXian;
    }
  }

  // 告警总数
  .alarm-total {
    .result {
      display: flex;
      justify-content: center;
      align-items: center;
      letter-spacing: 2px;

      img {
        margin-right: 12px;
      }

      & > div {
        margin-left: 12px;
        position: relative;
        top: 5px;
      }

      b {
        font-size: 0.32rem;
        height: 0.32rem;
        line-height: 0.32rem;
        font-weight: bold;
        color: #ff594d;
      }
    }
  }

  // 告警统计
  .alarm-statistics {
    .result {
      display: flex;
      justify-content: center;
    }
  }
}
